<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>天空电影设置</title>
    <link rel="stylesheet" href="__STATIC__/layui/css/layui.css?v=1024">
    <link rel="stylesheet" href="__STATIC__/css/admin_style.css?v=1024">
    <script type="text/javascript" src="__STATIC__/js/jquery.js?v=1024"></script>
    <script type="text/javascript" src="__STATIC__/layui/layui.js?v=1024"></script>
    <script>
        
    </script>
    <style type="text/css">
        .layui-form {
            padding: 20px;
            display: flex;
            justify-content: center;
            align-items: center;    
            flex-wrap: wrap;
        }
        .layui-form-item {
            width: 100%;
        }
        .sousuo {
            display: flex;
            padding: 0;
            margin: 0;
        }
        .sousuoinput {
            width: calc(100% - 10px - 80px);
            margin-right: 10px;
        }
        .sousuobtn {
            width: 80px;
        }
        .listpic {
            width: 80px;
            border-radius: 5px;
        }
        .layui-btn {
            padding: 0 8px;
            margin: 0 !important;
        }
    </style>
</head>
<body>
<form class="layui-form" action="">
      
  <div class="layui-form-item">
    <a class="layui-btn layui-btn-primary" href="{:url('index')}" data-title="{$vo.vod_name}" title="编辑">设置链接</a>
    <a class="layui-btn layui-btn-primary" href="{:url('list')}" data-title="{$vo.vod_name}" title="编辑">列表查看</a>
    <!--<a class="layui-btn layui-btn-primary" href="/app.php/tiantang/dealTiantangByOtherSetting" -->
    <!--title="编辑">全部更新</a>-->
      <a class="layui-btn layui-btn-primary" href="/app.php/tiankong/vodindex"
         title="访问记录">访问记录</a>
      <a class="layui-btn layui-btn-primary" href="/app.php/tiankong/matchvodindex"
                                     title="访问记录">访问匹配</a>
  </div>
  <div class="layui-form-item">
    <div class="layui-input-block sousuo">
      <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入影片名称" value="{$title}" class="layui-input sousuoinput ">
        <button class="layui-btn sousuobtn" lay-submit="">搜索</button>
    </div>
  </div>
  
  <div class="layui-form-item">
      <table class="layui-table" lay-size="sm">
        <thead>
        <tr>
            <th width="30">ID</th>
            <th width="80">图片</th>
            <th width="">名称</th>
            <th width="50">操作</th>
        </tr>
        </thead>
    
        {volist name="list" id="vo"}
        <tr>
            <td>{$vo.vod_id}</td>
            <td><img class="listpic lazy" data-original="{$vo.vod_pic}" src="" alt="" /></td>
            <td><h3><b>{$vo.vod_name}</b></h3><font style="    font-size: 0.5rem;
    color: rgb(153, 153, 153);
    max-height: 38px;
    overflow: auto;
    display: block;
    border-radius: 5px;">[{$vo.vod_remarks}]{$vo.vod_actor}</font></td>
            <td>
                <a class="j-iframe layui-btn layui-btn-primary" data-href="{:url('search')}?keyword={$vo['vod_name']}&vod_id={$vo['vod_id']}&vod_name={$vo['vod_name']}"
                data-height="90%" data-width="98%" data-title="{$vo.vod_name}" href="javascript:;" title="编辑">选择</a>
                <!--<a class="j-iframe layui-btn layui-btn-primary" data-href="{:url('info?id='.$vo['vod_id'])}" data-height="530px" data-title="{$vo.vod_name}" href="javascript:;" title="编辑">选择</a>-->
            </td>
        </tr>
        {/volist}
        </tbody>
    </table>
  </div>
</form>
{include file="../../../application/admin/view/public/foot" /}
<script src="https://www.jq22.com/demo/tuupola-jquery_lazyload/jquery.lazyload.js?v=1.9.1"></script>
<script>
    $(function() {
      $("img.lazy").lazyload({effect: "fadeIn"});
  });
</script>
</body>
</html>